
<template>
  <div>
    <Header/>
    <router-view></router-view>
    <!-- 方法二：在路由中配置meta元信息，使用元信息的特点，让内容显示与否 -->
    <Footer v-if='!$route.meta.isHidden'/>
    <!-- <Footer v-if='isShow'/> -->
    
  </div>
    
</template>

<script>
import Header from './component/Header/index.vue'
import Footer from './component/Footer/index.vue'
import {mapActions} from 'vuex'
export default {
  name: "App",
  components: {
    Header,
    Footer
  },
  // 方法一：使用computed计算属性，处理内容显示与否
  computed:{
    // isShow(){
    //   return this.$route.name != 'login' && this.$route.name != 'register'
    // }
  },
  mounted() {
    // 初始化TypeNav的三级分类数据，防止公共组件多次使用的时候，被重复调用
    this.getCategoryList();
  },
  methods: {
    // 把nav组件放在app组件中：1.app组件指挥被调用一次，2：可以减少nav组件被重复调用
    ...mapActions("category", ["getCategoryList"]),
  },
  
};
</script>
    

<style scoped>

</style>

